import { Swiper } from 'antd-mobile'
import styles from '../css/swiper.module.css'

function MySwiper(props) {
  return (
    <div className={styles.box}>
      <Swiper
        autoplay
        loop
      >
        {props.list.map((item) => (
          <Swiper.Item key={item.id}>
            <img
              src={item.image}
              alt=""
            />
          </Swiper.Item>
        ))}
      </Swiper>
    </div>
  )
}

export default MySwiper
